<#include "/template/blog/header.ftl">
	<div class="banner border-top-bottom">
		<ul class="carousel">
			<@shishuo_headline_list_tag>
				<#list tag_headline_list as headline>
					<li class="item" style="background:#212e41 url('${BASE_PATH}/${headline.picture}') center no-repeat;height:250px;"></li>
					<#break />
				</#list>
			</@shishuo_headline_list_tag>
		</ul>
	</div>
	<br />
	<br />

	<div class="container">

		<div class="navbar border-bottom padding-bottom">
			<div class="navbar-head">
				<button class="button icon-navicon bg margin-bottom" data-target="#subnav"></button>
				<h2 class="text-main icon-caret-right"> 
					<@shishuo_folder_list_tag folderId=0>
						<#list tag_folder_list as tag_folder>
							<#if showFolder==tag_folder.folderId>
								${tag_folder.name}
							</#if>
						</#list>
					</@shishuo_folder_list_tag>
				</h2>
			</div>

			<div class="navbar-body nav-navicon" id="subnav">
				<ul class="nav nav-menu nav-inline nav-pills border-main navbar-right">
					<#list folderAll as folder>
						<li <#if folder.folderId==productFolderId>class="active"</#if>><a href="${BASE_PATH}/folder/${folder.folderId}.htm">${folder.name}</a>
							<ul class="drop-menu"></ul>
						</li>
					</#list>
				</ul>
			</div>

		</div>
		<br>
		<br>

		<div class="line-big">
			<#list productList.list as product>
				<div class="xs3">
					<div class="media media-y padding-big-bottom clearfix">
						<a href="${BASE_PATH}/product/${product.productId}.htm">
							<#list product.pictureList as pic>
								<img src="${BASE_PATH}/${pic.url}" width="300" class="img-responsive border" >
								<#break/>
							</#list>
						</a>
						<div class="media-body">
							<strong>${product.productName}</strong>
							<span class="text-main text-large">￥${product.price}</span>
						</div>
					</div>
				</div>
			</#list>
		</div>
		<br>
		<br>
		<div align="center">
			${productList.viewPageNumHtml}
		</div>
		<br>
		<br>
	</div>
	<br />
	<br />
	<script>
		$("#newTitle").text($("#subnav").find(".active").text());
	</script>
	<#include "/template/blog/footer.ftl">